.header{
    width: 100%;
    height: 90px;
    float: left;
    
}
.header .picture{
    display: block;
    margin-top: 20px;
    margin-left: 200px;
    float: left;
    margin-right: 300px;
}
.header ul{
    /* width: 800px; */
    height:100%;
    line-height: 90px;
    margin-left: 50px;
    margin-bottom: 0px;

}
.header ul li{
    float: left;
    padding-left: 40px;
    margin-left: 15px;
    /* margin-top: 30px; */
    color: #333;
}

.middle-text{
    width: 100%;
    height: 500px;
    float: left;
    margin-top: 50px;

}
.middle-text h2{
    text-align: center;
    color: #202020;
    font-size: 32px;
}
.middle-text ul{
    margin-top: 50px;
    /* float: left; */
}
.middle-text ul li{
    float: left;
    margin-left: 150px;
    width: 195px;
    /* height: 100px; */
  
}
.middle-text ul li img{
    /* height: 161px;
    width: 143px; */
    width: 143px;
    height: 143px;
    margin-left: 20px;
    margin-top: 20px;
}
/* .middle-text .mp{
    margin-top: 30PX;
    width: 143px;
} */
.middle-text .fir{
    margin-left: 350px;
}
.middle-text ul li h4{
    color: #1e1e1e;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.middle-text ul li p{
    color: #646464;
    margin-top: 5px;
    text-align: center;

}
.middle-pic{
    clear: both;
    width: 100%;
    height: 550px;
    background-color: #f0f0f0;
    float: left;
    
}
.middle-pic h2{
    font-size: 32px;
    text-align: center;
    margin-top: 30px;
    color: #212121;

}
.middle-pic img{
    margin-top: 30px;
    margin-left: 200px;
}
.bottom-text{
    width: 100%;
    height: 250px;
    background-color: #333f50;
    float: left;
}
.bottom-text dl{
    margin-left: 40px;
    margin-top: 60px;
    float: left;
    /* width: 100px; */
    /* height: 200px; */

}
.bottom-text dt{
    text-align: left;
    color: #eceff1;
    margin-bottom:15px ;
    
}
.bottom-text dd{
    text-align: left;
    color: #989fa2;
    margin-top: 5px;
    
}
.bottom-text img{
    display: block;
    margin-top: 50px;
    margin-left: 900px;
}
.bottom-text h4{
    display: block;
    margin-top: 30px;
    margin-left: 900px;
    font-size: 24px;
    color: #616c79;
}
.bottom-text .sort{
    margin-left: 250px;
}
.bottom-foot{
    width: 100%;
    height: 50px;
    background-color: #00b1f0;
    float: left;
}
.bottom-foot h5{
    color: #fffdff;
    display: block;
    margin-left: 250px;
    margin-top: 18px;
    float: left;

}
.bottom-foot a img{
    display: block;
    float: left;
    margin-top: 18px;
    margin-left: 50px;
}
.bottom-foot .fpic{
    margin-left: 300px;
}